<template>
  <div class="error-page">
    <h1>500</h1>
    <h2>服务器错误</h2>
    <p>抱歉，服务器发生了内部错误。</p>
    <el-button type="primary" @click="goBack">返回</el-button>
  </div>
</template>

<script>
export default {
  name: 'Error500',
  methods: {
    goBack() {
      this.$router.go(-1)
    }
  }
}
</script>

<style scoped>
.error-page {
  text-align: center;
  padding: 50px;
}
</style> 